<template lang="pug">
  .tel-dialog(v-if="tel")
    el-dialog(
      title="联系我们"
      :visible.sync="showModal"
      top="10vh"
      width="30%"
      :before-close="beforeCloseHandler")
      .tel-number 联系电话：
        span {{tel}}

</template>

<script>
import modalMixin from '@/mixins/modal'
export default {
  name: 'telModal',
  mixins: [modalMixin],
  data() {
    return {
      tel: null,
    }
  },
  mounted() {
    this.$vgo.on('modal:tel', data => {
      this.tel = data
      this.openModal()
      this.$bar.finish()
    })
  }
}
</script>

<style lang="stylus">
.tel-number
  line-height: 30px
  span
    vertical-align: top
    font-size: 20px
    color: #f90
</style>
